@media screen and (max-width:1830px){

}


@media screen and (max-width:1700px) {


}

@media screen and (max-width:1600px){


}


@media screen and (max-width:1560px){


}


@media screen and (max-width:1440px){

    .w{ width: 1280px;}


}

@media screen and (max-width:1300px){

.w{ width: 1200px;}

}



@media screen and (max-width:834px){

    html{ font-size: 100px !important;}
    .w{ width: 94%; min-width: auto;}
    body{ font-size: 15px;}

    .hfHead-top{ display: none;}
    .hfHead-site{ padding: 15px 0;}
    .hfHead-site.topFix{ position:fixed; left: 0; box-shadow: 0 0 5px rgba(0,0,0,.15)}
    .hfHead-site .logo{ width: 300px;}
    .hfHead-site .search{ display: none;}
    .hfHead-nav{ display: none;}
    .Mobile-button{ display: flex;}


    .hfBanner{ margin-top: 0;}
    .hfBanner .swiper-pagination{ bottom: 10px; right: 10px;}
    .hfBanner .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 0 0 8px !important;}

    .hfStories{ padding: 10px; margin-top: 15px;}
    .hfStories-title{ background-size: 100% 100%; width: 45px; height: 65px; padding: 0 20px 0 10px; font-size: 18px;}
    .hfStories-middle{ padding:0 0 0 10px;}
    .hfStories-middle .mt{ font-size: 16px; line-height: 28px; -webkit-line-clamp:2;}
    .hfStories-middle .mc{ display: none;}
    .hfStories-more{ display:none; width: 100%;}


    .hfNews{ margin-top: 20px;}
    .hfNews-thumb{ width: 100%;}
    .hfNews-thumb li .tit{ font-size: 15px; height: 40px; line-height: 40px; padding: 0 15px;}
    .hfNews-thumb .swiper-pagination{  bottom: 50px !important; right: 0;}
    .hfNews-thumb .swiper-pagination-bullet{ width: 20px; height: 20px; font-size: 13px; line-height: 20px; margin: 0 8px 0 0 !important;}

    .hfNews-aside{ width: 100%; margin-top: 20px;}
    .hfNews-aside-head{ padding-right: 10px; line-height: 42px;}
    .hfNews-aside-head .name{ font-size: 17px; font-weight: bold; padding-left: 12px; border-width: 2px;}
    .hfNews-aside-head .view{ font-size: 14px;}
    .hfNews-aside-list .li-first{ padding: 15px 0 10px 0;}
    .hfNews-aside-list .li-first .t{ font-size: 16px; line-height: 26px;}
    .hfNews-aside-list .li-first .c{ font-size: 14px; line-height: 24px;}
    .hfNews-aside-list .li-one li{ font-size: 15px; padding-left: 15px; margin-top: 15px;}
    .hfNews-aside-list .li-one li a{ font-size: 15px;}
    .hfNews-aside-list .li-one li:before{ width: 4px; height: 4px;}


    .hfMajor{ margin-top: 20px; padding: 10px;}
    .hfMajor-title{ width: 100%; text-align: center; padding-left: 0; padding-top: 10px;}
    .hfMajor-title h3{ font-size: 18px;}
    .hfMajor-title p{ justify-content: center; font-size: 17px; margin-top: 5px;}
    .hfMajor-title p span{ font-size: 20px;}

    .hfMajor-list{ width: 100%; margin-top: 15px;}
    .hfMajor-list .swiper-button-next, .hfMajor-list .swiper-button-prev{ width: 25px; height: 40px; margin-top: -20px;}


    .hfParty-floor{ margin-top: 20px;}
    .hfParty{ width: 100%;}
    .hfParty-head{ line-height: 42px; padding: 0 10px;}
    .hfParty-head .tabs a{ margin-right: 15px; font-size: 17px; font-weight: bold;}
    .hfParty-head .tabs a:last-child{ margin-right: 0;}
    .hfParty-head .gray6{ font-size: 14px;}

    .hfParty-cont{ margin-top: 15px;}
    .hfParty-cont .co-first{ padding-bottom: 10px;}
    .hfParty-cont .co-first .thumb{ width: 32%; padding-bottom: 28.628%;}
    .hfParty-cont .co-first .word{ padding: 0 15px;}
    .hfParty-cont .co-first .word .t{ font-size: 16px; line-height: 28px;}
    .hfParty-cont .co-first .word .c{ display: none;}
    .hfParty-cont .co-first .word .d{ font-size: 13px; margin-top: 6px;}
    .hfParty-cont .co-list li{ margin-top: 15px; font-size: 14px; padding-left: 12px;}


    .hfVideo{ width: 100%; margin-top: 20px;}
    .hfVideo-first{ margin-top: 15px;}
    .hfVideo-first a .play{ font-size: 40px;}
    .hfVideo-list{ margin-top: 10px;}
    .hfVideo-list li{ padding-left: 15px;}
    .hfVideo-list li a{ font-size: 15px; line-height: 28px;}


    .hfBusiness{ margin-top: 20px;}
    .hfBusiness-layout .head{ width: 100%; padding: 15px 0; text-align: center;}
    .hfBusiness-layout .head .cn{ font-size: 18px; font-weight: bold;}
    .hfBusiness-layout .head .en{ font-size: 17px; margin-top: 8px;}
    .hfBusiness-layout .head .mo{ text-align: center; margin-top: 15px;}
    .hfBusiness-layout .head .mo a{ font-size: 14px; padding: 0 25px; line-height: 28px;}
    .hfBusiness-layout .thumb{ display:none;}
    .hfBusiness-list li{ padding: 15px;}
    .hfBusiness-list li .num{ width: 100%; font-size: 30px; text-align: left;}
    .hfBusiness-list li dl dt{ font-size: 16px; margin-top: 10px;}
    .hfBusiness-list li dl dd{ line-height: 25px; font-size: 14px;}


    .hfProject{ margin-top: 20px; padding-bottom: 25px;}
    .hfProject-head{ width: 100%; padding: 15px; height:auto;}
    .hfProject-head .tit{ font-size: 18px; font-weight: bold;}
    .hfProject-head .desc{ margin-top: 14px; font-size: 14px; line-height: 24px;}
    .hfProject-head .more{ line-height: 30px; font-size: 14px; padding: 0 25px; margin-top: 15px;}

    .hfProject-list{ width: 100%; min-height: inherit; display: flex; justify-content: space-between; flex-wrap: wrap;}
    .hfProject-list li{ width: 48.5% !important; margin-top: 12px; position: relative; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important;}
    .hfProject-list li a{ padding-top: 70% !important; padding-bottom: inherit !important;}
    .hfProject-list li a .tit{ font-size: 15px; padding: 0 10px; line-height: 36px;}
    .hfProject-list li:nth-child(n+5){ display: none;}



    .hfFooter{ border-width: 3px;}
    .hfFooter-links{ padding: 15px 0;}
    .hfFooter-links .li-title{ width: 100%;}
    .hfFooter-links .li-title .iconfont{ font-size: 20px; margin-right: 10px;}
    .hfFooter-links .li-title strong{ font-size: 15px;}
    .hfFooter-links .li-select{ width: 100%; margin-top: 10px; height: 40px; font-size: 14px;}
    .hfFooter-btm{ padding: 10px 0;}
    .hfFooter-btm .bt-menu{ display: none;}
    .hfFooter-btm .bt-copy{ font-size: 13px; line-height: 23px; margin-top: 0;}
    .hfFooter-btm .btm-code{ margin-top: 10px; width:100%; max-width: inherit; font-size: 13px;}
    .hfFooter-btm .btm-code img{ width: 90px;}
    .hfFooter-btm .btm-code p{ margin-top: 5px;}



    .page-ban{ height: 180px;}
    .page-ban .text{ padding-top: 90px;}
    .page-ban .text .cn{ font-size: 20px;}
    .page-ban .text .en{ font-size: 18px; margin-top: 10px;}
    .page-ban .text .li{ width: 25px; height: 2px; margin-top: 10px;}

    .page-nav .w{ width: 100%;}
    .page-nav a{ width: 50%; text-align: center; font-size: 16px; line-height: 40px; margin-right: 0;}


    .pmain{ padding: 25px 0;}
    .pmain-page{ margin-top: 25px;}
    .pmain-page a{ font-size: 14px; line-height: 28px; padding: 0 10px; margin: 3px;}
    .pmain-page .nowpage { font-size: 14px; line-height: 28px; padding: 0 10px; margin: 3px;}



    .pfeatured-list li{ margin-top: 15px;}
    .pfeatured-list li a{ padding: 15px; border-radius: 10px;}
    .pfeatured-list li .date{ width: 100%; display: flex; padding-bottom: 10px;}
    .pfeatured-list li .date *{ font-size: 13px; margin-top: 0;}
    .pfeatured-list li .date .d{ margin-left:5px;}
    .pfeatured-list li .thumb{ width: 32%; padding-bottom: 21.5%; border-radius: 5px;}
    .pfeatured-list li .info .t{ font-size: 16px; line-height: 28px; -webkit-line-clamp:2;}
    .pfeatured-list li .info .c{ display: none;}


    .pbusiness-list{ margin-left: -15px; margin-top: -15px;}
    .pbusiness-list li{ width: calc(50% - 15px); margin: 15px 0 0 15px;}
    .pbusiness-list li .text{ padding: 10px; font-size: 15px; -webkit-line-clamp:2;}


    .pnotice-list{ margin-top: 0;}
    .pnotice-list li{ width: 100%; margin-top: 20px; padding: 20px; border-radius:10px 0 10px 0;}
    .pnotice-list li:first-child{ margin-top: 0;}
    .pnotice-list li .date{ font-size: 13px;}
    .pnotice-list li .title{ font-size: 16px; margin-top: 10px; line-height: 28px;}
    .pnotice-list li .view{ font-size: 14px; margin-top: 10px;}
    .pnotice-list li .view .l-l{ width: 20px; margin-right: 10px;}
    .pnotice-list li .view .l-r{ margin-left: 10px;}
    .pnotice-list li:hover .view .l-r{ width: 20px;}


    .pparty-list{ margin-top: 0; margin-left: 0;}
    .pparty-list li{ width: 100%; margin: 15px 0 0 0;}
    .pparty-list li:first-child{ margin: 0;}
    .pparty-list li a{ display: flex; align-items: center; justify-content: space-between;}
    .pparty-list li .thumb{ width: 32%; padding-bottom: 26.019%;}
    .pparty-list li .info{ width: 68%; padding: 0 0 0 15px;}
    .pparty-list li .info .d{ font-size: 13px;}
    .pparty-list li .info .t{ font-size: 16px; line-height: 28px; margin-top: 10px; font-weight: bold;}
    .pparty-list li .info .c{ display: none;}


    .pabout-desc{ line-height: 30px;}
    .pabout-honor{ margin-left: -12px; margin-top: -15px;}
    .pabout-honor li{ width: calc(50% - 12px); margin: 15px 0 0 12px;}
    .pabout-honor li .thumb{ height: 200px;}
    .pabout-honor li .title{ font-size: 15px; margin-top: 10px;}

    .pabout-team{ margin-left: -12px; margin-top: -15px;}
    .pabout-team li{ width: calc(50% - 12px); margin: 15px 0 0 12px;}
    .pabout-team li .text{ padding: 10px 10px 0 10px; transform: translateY(-70px);}
    .pabout-team li .text .t{ display: block;}
    .pabout-team li .text .t .font24{ font-size: 16px; margin-right: 0;}
    .pabout-team li .text .t span{ display: block; font-size: 14px; line-height: 1; margin-top: 5px;}
    .pabout-team li .text .c{ font-size: 14px; margin-top: 10px; line-height: 24px;}
    .pabout-team li:hover .text .tc{ transform:translateY(0);}



    .pnews-list li{ margin-top: 15px;}
    .pnews-list li a{ padding: 10px; border-radius: 5px;}
    .pnews-list li .time{ display: none;}
    .pnews-list li .thumb{ width: 32%; padding-bottom: 26.019%; border-radius: 5px;}
    .pnews-list li .desc{ width: 68%; padding: 0 0 0 15px;}
    .pnews-list li .desc .t{ font-size: 16px; line-height: 28px; font-weight: bold; }
    .pnews-list li .desc .c{ font-size: 14px; line-height: 24px; margin-top: 5px;}


    .pnews-details-head .t{ font-size: 18px; font-weight: bold; line-height: 1.8;}
    .pnews-details-head .c{ margin-top: 15px; font-size: 13px;}
    .pnews-details-head .c span{ margin-right: 10px;}
    .pnews-details-desc p{ margin-bottom: 15px;}
.pnews-details-desc video{ width:100%;}



    .pproject-list{ margin-left: -12px; margin-top: -15px;}
    .pproject-list li{ width: calc(50% - 12px); margin: 15px 0 0 12px;}
    .pproject-list li .state{ width: 45px; height: 3px; display:none;}
    .pproject-list li .text{ font-size: 15px; margin-top: 10px;}


    .pvideo-list{ margin-top: -15px; margin-left: -12px;}
    .pvideo-list li{ width: calc(50% - 12px); margin: 15px 0 0 12px;}
    .pvideo-list li .impress{ background:none; position: relative; color:var(--color-three); margin-top: 10px; padding: 0;}
    .pvideo-list li .impress .iconfont{ font-size: 16px; margin-right: 5px;}
    .pvideo-list li .impress .font18{ font-size: 15px;}

    .video-pop-wrap{ width: 94%;}
    .video-close{ font-size: 20px; right: 0; top: -35px;}


    .pcontact{ padding: 25px 0;}
    .pcontact-layout{ width: 100%;}
    .pcontact-layout .title .cn{ font-size: 18px; font-weight: bold;}
    .pcontact-layout .title .en{ font-size: 17px; margin-top: 10px;}
    .pcontact-layout .name{ font-size:18px; font-weight: bold; margin-top: 20px;}
    .pcontact-layout .text dl{ margin-top: 20px;}
    .pcontact-layout .text dl dt{ font-size: 24px;}
    .pcontact-layout .text dl dd{ margin-left: 10px;}
    .pcontact-layout .text dl dd .t{ font-size: 15px;}
    .pcontact-layout .text dl dd .c{ font-size: 16px;}
    .pcontact-map{ width: 100%; margin-top: 20px;}

    .pmessage{ padding: 25px 0;}
    .pmessage-title{ width: 100%;}
    .pmessage-title .cn{ font-size: 18px; font-weight: bold;}
    .pmessage-title .en{ font-size: 17px; margin-top: 10px;}
    .pmessage-filed{ width: 100%;}
    .pmessage-filed li{ margin-top: 15px;}
    .pmessage-filed li .aside{ width: 100%; margin-top: 15px;}
    .pmessage-filed li .inpt{ height: 40px; font-size: 15px; padding: 10px;}
    .pmessage-filed li .area{ height: 90px; padding: 10px; font-size: 15px;}
    .pmessage-filed li .yzm-inpt{ width: 180px;}
    .pmessage-filed li .sbtn{ width: 100%; height: 45px; font-size: 16px;}



}

@media screen and (max-width:640px){


}